<template>
  <router-view/>
</template>

<script setup>

import {watch} from "vue";  // 导入监听模块
import {useRoute} from "vue-router";  // 获取当前路由信息
import store from "@/store";  // 接入共享内存

const route = useRoute()

// 当检测到用户进入"个人中心"页面时
watch(route, (to, from) => {
  console.log(to.name, to.path)
  if (to.name == '个人中心') {
    let obj = {
      name: to.name,
      path: to.path
    }
    store.commit('ADD_TABS', obj)  // 通过 store.commit 往共享内存添加新的标签页记录
  }
}, {deep: true, immediate: true})  // 深度监控所有路线变化,启动时立即执行一次

</script>

<style>
html, body, #app {
  height: 100%;
}

.app-container {
  padding: 20px
}
</style>
